<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2023-01-10 17:21:59
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2023-01-10 17:41:07
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 异步 
        // 生活中
        // 一件事情 做完了才去做另外一件事情    
        // 事情一件一件的做  
    


        // 同步   
        // 国家GDP增长 人民生活水平不断提升 
        // 俄乌战争 世界经济受到不动 
        // 多件事情 同时进行  


        // 技术上 正好跟生活中相反 

        // 异步 多件事情一起做
        // 同步 事情一件件的做 

        // 代码的非异步执行  同步  
        // 按照从上到下 从左到右
        // 依次执行每一行代码 
        // 上一行没有执行完成  下一行等待不会执行
        
        
        // 代码的异步执行  
        // 当代码执行遇到异步的时候 会把异步的代码放到异步队列中
        // 等所有的同步代码执行完成之后 会去异步队列中取出异步代码执行



        // 代码中的异步 
        // 两种定时器就是异步  

        console.log(1);
        setTimeout(function(){
            console.log(2);
        }, 1000);

        console.log(3);

        // 先执行定时器外边的代码 后执行定时器里边的代码 

        // 我们发表朋友圈 不用等到发表成功的提示 可以去做其它事情 
        // 但是我们发表朋友圈之后 会有一个提示 说发表成功了 


        // 我们做的其它事情 和 发表朋友圈 同时在进行  


        // 技术上的异步 就是多件事情同时进行
            // 百度首页 天气预报 
            // 发表朋友圈 
            // 股票网站
            // 定时器
        // 技术上的同步 就是事情一件一件的做
            // 打电话 
        
    </script>
</body>
</html>